import { StyleSheet } from "react-native";
import { Color } from "../common";

const passwordStyles = StyleSheet.create({
  bgtLogo: {
    position: "relative",
    backgroundColor: "#fff"
  },
  pwdLogo: {
    marginTop: 25,
    marginBottom: 25,
    width: 120,
    height: 65,
    backgroundColor: "#f2f2f2"
  },
  setPwdList: {
    borderTopWidth: 1,
    borderTopColor: "#f2f2f2"
  },
  setPwdItem: {
    position: "relative",
    height: 45,
    lineHeight: 45,
    borderBottomWidth: 1,
    borderBottomColor: "#f2f2f2",
    flexDirection: "row",
    alignItems: "center"
  },
  bgtIcon: {
    zIndex: 9,
    marginLeft: 10
  },
  input: {
    flex: 1,
    paddingLeft: 10,
    paddingRight: 10
  },
  button: {
    marginLeft: 10,
    right: 10,
    zIndex: 9,
    width: 90,
    height: 25,
    backgroundColor: Color,
    color: "#fff",
    borderRadius: 5,
    overflow: "hidden",
    lineHeight: 25,
    textAlign: "center"
  },
  setPswConfirm: {
    marginTop: 20,
    marginBottom: 20,
    width: "90%",
    height: 40,
    backgroundColor: Color,
    marginLeft: "5%",
    borderRadius: 8,
    fontSize: 14,
    color: "#fff",
    overflow: "hidden",
    lineHeight: 40,
    textAlign: "center"
  }
});

export default passwordStyles;
